<template>
 <header>
   <div class="header-return">
     <span class="iconfont">&#xe618;</span>
   </div>
   <div class="header-seek">
     <span class="iconfont">&#xe633;</span>输入城市/景点/游玩主题
   </div>
   <router-link to="city" tag="div" class="header-city">
     {{ this.$store.state.curCity }}
     <span class="iconfont">&#xe6aa;</span>
   </router-link>
 </header>
</template>

<script>
export default {
  name: 'HomeHeader'
}
</script>

<style lang="stylus" scoped="scoped">
  header
   width 100%
   background #00bcd4
   height 0.88rem
   display flex
   justify-content: center;
   align-items: center;
   .header-return
     width 0.88rem
     padding-left 0.2rem
     color white
   .header-seek
     border 1px solid white
     border-radius 0.06rem
     color #CACACA
     background white
     flex 1
     padding 0.2rem 0.4rem
   .header-city
     padding 0 0.22rem
     color white
</style>
